<template>
  <el-button @click="toggleDark()">切换</el-button>
  <el-button type="primary" @click="toggleDark()">切换</el-button>
  <el-button type="success" @click="toggleDark()">切换</el-button>
  <el-button type="warning" @click="toggleDark()">切换</el-button>
  <el-button type="danger" @click="toggleDark()">切换</el-button>
  <el-button type="info" @click="toggleDark()">切换</el-button>
</template>

<script setup lang="ts">
const isDark = useDark({
  selector: "html"
})
const toggleDark = useToggle(isDark)
</script>

<style></style>
